@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body, html {
  width: 100%;
  font-size: 20px;
}

ul, li {
  list-style: none; }

img {
  max-width: 100%;
  vertical-align: middle; }

a {
  text-decoration: none;
  color: black; }

.clearfix {
  clear: both; }

footer{
  width:100%;
  height: 4.2rem;
  .foot{
    width:100%;
    height:4.2rem;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    position: fixed;
    left:0;
    bottom:0;
    color: #B1B1B1;
    li{
      width:33.3%;
      height: 4.2rem;
      text-align: center;
      padding-top: 1rem;
      font-size: 0.8rem;

      p:nth-of-type(1){
        font-size: 1.2rem;
      }
    }

  }
}
.active{
  color: #F24349;
}
